<template>
  <view class="default-page">
    <!-- 无地址 notAddress-->
    <view class="images" v-if="type == 'notAddress'">
      <view>
        <image class="image" src="../static/images/defaultPage/notAddress.png" mode=""></image>
      </view>
      <text>{{ tips }}</text>
    </view>
    <!-- 无定位 notPositioning-->
    <view class="images" v-if="type == 'notPositioning'">
      <image class="image" src="../static/images/defaultPage/notPositioning.png" mode="">
      </image>
      <text>{{ tips }}</text>
    </view>
    <!-- 无商品 notCommodity-->
    <view class="images" v-if="type == 'notCommodity'">
      <image class="image" src="../static/images/defaultPage/notCommodity.png" mode="">
      </image>
      <text>{{ tips }}</text>
    </view>
    <!-- 无网络 notNetwork-->
    <view class="images" v-if="type == 'notNetwork'">
      <image class="image" src="../static/images/defaultPage/notNetwork.png" mode=""></image>
      <view>{{ tips }}</view>
    </view>
    <!-- 无信息 noMsg-->
    <view class="images" v-if="type == 'noMsg'">
      <image class="image" src="../static/images/defaultPage/noMsg.png" mode=""></image>
      <view>{{ tips }}</view>
    </view>
    <!-- 无详细信息 nodetails-->
    <view class="images" v-if="type == 'nodetails'">
      <image class="image" src="../static/images/defaultPage/nodetails.png" mode=""></image>
      <view>{{ tips }}</view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { defineProps } from "vue";
defineProps<{
  type: string; //类型
  tips: string; //提示语
}>();
</script>

<style lang="scss" scoped>
image {
  width: 100%;
  height: 100%;

}

.default-page {
  position: relative;
}

.images {
  width: 500rpx;
  height: 400rpx;
  margin-top: 35%;
  margin-left: 50%;
  transform: translate(-50%);
  text-align: center;
  color: #777777;
}
</style>
